<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.6.1.js"></script>
		<script src="js/test.js"></script>
		<script src="js/axios.js"></script>
		<script type="text/javascript">
			function getData() {
				let data = {};
				$.ajax({
					url: 'data/category_list.json',
					dataType: 'json',
					success(res) {
						data = res;
					}
				})
				return data;
			}
			let r = getData();
			console.log(r);
		</script>
		<script type="text/javascript">
			/* axios({
				url: 'data/category_list.json',
			}).then(function(res) {
				console.log(res);
				console.log(res.data);
			}) */

			/* async function res() {
				let r = await axios({
					url: 'data/category_list.json',
				});
				console.log(r);
			} */

			async function res() {
				let {
					data: r
				} = await axios({
					url: 'data/category_list.json',
				});
				console.log(r);
			}

			res();
		</script>
	</head>
	<body>
	</body>
</html>
